
/**
 * 1.发送请求获取页面信息
 * 2.点击轮播图，预览大图
 *   1）给轮播图绑定点击事件
 *   2）调用小程序的api previewImage
 * 3.点击加入购物车
 *   1）先绑定点击事件
 *   2）获取缓存中的购物车数据，数组格式
 *   3）先判断当前的商品是否已经存在于购物车
 *   4）已经存在修改商品数据，执行购物车数量 ++
 *   5）不存在于购物车的数组中，直接给购物车数组添加一个新元素，新元素带上购买数量属性num，重新把购物车数组，填充回缓存中
 *   6）弹出提示
 * 4.商品收藏
 *   1）页面onShow的时候，加载缓存中的商品收藏数据
 *   2）判断当前商品是不是被收藏
 *      .是 => 改变页面图标
 *      .不是...
 *   3）点击商品收藏按钮
 *      .判断该商品是否存在于缓存数组中
 *      .已经存在，把该商品删除
 *      .没有存在，把商品添加到收藏数组中，存入到缓存中即可
 */

Page({
  data: {
    goodsObj: {}, //商品详情数据
    swiperIndex: 1, //轮播图默认是一张图
    isCollect: false //默认不收藏
  },
  // 全局的商品对象
  GoodsInfo: {},
  // 页面开始加载 就会触发
  onShow() {
    let pages = getCurrentPages()
    let currentPage = pages[pages.length - 1]
    let options = currentPage.options
    const { goods_id } = options
    this.getGoodsDetail(goods_id)
  },
  // 页面开始加载 就会触发
  /*onLoad(options) {
    const { goods_id } = options
    this.getGoodsDetail(goods_id)
    //console.log(goods_id); // 打印获取的ID
  },*/
  // 发送请求获取商品详情数据
  getGoodsDetail(goods_id) {
    wx.request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/goods/detail',
      data: { goods_id },
      success: (result) => {
        this.GoodsInfo = result.data.message
        // 1.获取缓存中的商品收藏数组
        let collect = wx.getStorageSync("collect") || []
        // 2.判断当前商品是否被收藏
        let isCollect = collect.some(v => v.goods_id === this.GoodsInfo.goods_id)
        this.setData({
          goodsObj: result.data.message,
          isCollect
          // 优化动态渲染
          /*goodsObj: {
            goods_name: goodsObj.goods_name,
            goods_price: goodsObj.goods_price,
            goods_introduce: goodsObj.goods_introduce,
            pics: goodsObj.pics
          }*/
        })
        //console.log(result);
      }
    })
  },
  // 轮播图分页数字
  swiperChange(e) {
    var current = e.detail.current
    this.setData({
      swiperIndex: current + 1
    })
  },
  // 点击轮播图弹窗相册
  handlePreviewImage(e) {
    // 1.先构造要预览的图片数组
    const urls = this.GoodsInfo.pics.map(v => v.pics_mid)
    // 2.接收传递过来的图片 url
    const current = e.currentTarget.dataset.url
    wx.previewImage({
      urls: urls,
      current: current
    })
  },
  // 加入购物车
  handleCartAdd() {
    //console.log('加入购物车')
    // 1.获取缓存中的购物车数组
    let cart = wx.getStorageSync("cart") || []
    // 2.判断商品对象是否存在于购物车数组中
    let index = cart.findIndex(v => v.goods_id === this.GoodsInfo.goods_id)
    if (index === -1) {
      // 3.不存在第一次添加
      this.GoodsInfo.num = 1
      this.GoodsInfo.checked = true //商品选中状态
      cart.push(this.GoodsInfo)
    } else {
      // 4.已经存在购物车数据，执行 num ++
      cart[index].num++
    }
    // 5.把购物车重新添加回缓存中
    wx.setStorageSync("cart", cart)
    // 6.弹窗提示
    wx.showToast({
      title: '添加成功',
      icon: 'success',
      mask: true
    })
  },
  // 点击收藏
  handleCollect() {
    let isCollect = false
    // 1.获取缓存中的商品收藏数组
    let collect = wx.getStorageSync("collect") || []
    // 2.判断该商品是否被收藏过
    let index = collect.findIndex(v => v.goods_id === this.GoodsInfo.goods_id)
    // 3.当index != -1表示，已经收藏过
    if (index !== -1) {
      // 能找到，已经收藏过了，在数组中
      collect.splice(index, 1)
      isCollect = false
      wx.showToast({
        title: '取消收藏',
        icon: 'none',
        mask: true
      })
    } else {
      // 没有收藏过
      collect.push(this.GoodsInfo)
      isCollect = true
      wx.showToast({
        title: '收藏成功',
        icon: 'none',
        mask: true
      })
    }
    // 4.把数组存入到缓存中
    wx.setStorageSync("collect", collect)
    // 5.修改data中的属性 isCollect
    this.setData({
      isCollect
    })
  }
})
